<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>头部</title>
    <link rel="stylesheet" type="text/css" href="css/head.css" />
</head>

<body>
    <!-- 通栏 -->
    <div id="head_layout">
        <header>
            <ul class="layout_media">
                <li class="bar">
                    <a href="http://127.0.0.1/project/Mogujie/index.html" target="_blank"><img src="img/9.png">首页</a>
                </li>
                <li class="bar">
                    <a href="http://127.0.0.1/project/Mogujie/shopping_mall.html" target="_blank"><img src="img/10.png">商城</a>
                </li>
                <li class="bar">我的订单</li>
                <li class="media_AboutUs ">
                    关于我们
                    <span>
							<img src="img/7.png" >
						</span>
                    <div class="media_AboutUs_show">
                        <div class="show_top">
                            <div>
                                <p class="one">新手帮助</p>
                                <p class="two"></p>
                                <ul>
                                    <li>常见问题</li>
                                    <li>自助服务</li>
                                    <li>联系客服</li>
                                    <li>意见反馈</li>
                                </ul>
                            </div>
                            <div>
                                <p class="one">权益保障</p>
                                <p class="two"></p>
                                <ul>
                                    <li>全国包邮</li>
                                    <li>7天无理由退款</li>
                                    <li>退货运费补贴</li>
                                    <li>限时发货</li>
                                </ul>
                            </div>
                            <div>
                                <p class="one">支付方式</p>
                                <p class="two"></p>
                                <ul>
                                    <li>微信支付</li>
                                    <li>支付宝</li>
                                    <li>白付美支付</li>
                                </ul>
                            </div>
                            <div>
                                <p class="one">移动客户下载端</p>
                                <p class="two"></p>
                                <ul>
                                    <li>蘑菇街</li>
                                    <li>美丽说</li>
                                    <li>uni引力</li>
                                </ul>
                            </div>
                            <div>
                                <p class="one">商家服务</p>
                                <p class="two"></p>
                                <ul>
                                    <li>商家入驻</li>
                                    <li>蘑菇街商学院</li>
                                    <li>规则中心</li>
                                    <li>规划众议院</li>
                                </ul>
                            </div>
                            <div>
                                <p class="one">关于我们</p>
                                <p class="two"></p>
                                <ul>
                                    <li>招聘信息</li>
                                    <li>联系我们</li>
                                    <li>有坏信息举报</li>
                                    <li>用户隐私保护</li>
                                </ul>
                            </div>
                        </div>
                        <div class="show_bottom">
                            <p class="show_bottom_one">
                                <span>©2020 Mogu.com 杭州卷瓜网络有限公司</span>
                            </p>

                            <ul class="show_bottom_two">
                                <li>营业执照：93478347836523829</li>
                                <li>营业性演出许可证</li>
                                <li>网络文化经济许可证</li>
                                <li>网络信息服务信用承诺书</li>
                                <li>进口冷链食品管理承诺书</li>
                                <li>增值电信业务经营许可证：浙B2-20110349</li>
                                <li>安全责任书</li>
                            </ul>
                            <ul class="show_bottom_three">
                                <li>浙公网安备 34638643856号</li>
                                <li>互联网药品信息服务资格证书编号:(浙)-经营性-2018-0002</li>
                                <li>浙网食A34565780</li>
                                <li>出版物网络交易平台服务经营备案证</li>
                                <li>（浙）网城平台备字【2018】第00006号</li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </header>
    </div>
    <!-- 搜索栏 -->
    <div id="layout_nav">
        <div id="nav">
            <p class="nav_logo">
                <img src="img/2.png">
            </p>
            <div class="nav_catalog ">
                <img src="img/1.png"> 目录
                <div class="catalog_list">
                    <div class="list_lef">
                        <p>主题市场</p>
                        <ul>
                            <li>上衣</li>
                            <li>裙装</li>
                            <li>裤子</li>
                            <li>女鞋</li>
                            <li>美妆</li>
                            <li>包包</li>
                            <li>配饰</li>
                            <li>内衣</li>
                            <li>男友</li>
                            <li>母婴</li>
                            <li>家具</li>
                            <li>食品</li>
                        </ul>
                    </div>
                    <div class="list_cen">
                        <p>热门品牌<span>全部品牌 > </span></p>
                        <ul>
                            <li>SICILY西西里</li>
                            <li>DION LEE</li>
                            <li>两三事</li>
                            <li>DIDDI MODA</li>
                            <li>雅诗兰黛</li>
                            <li>森马</li>
                            <li>夏梵尼</li>
                            <li>EGGKA</li>
                            <li>UNIQLO</li>
                            <li>DIESEL</li>
                            <li>Asics</li>
                        </ul>
                    </div>
                    <div class="list_rig">
                        <p>流行话题<span>全部话题 > </span></p>
                        <ul>
                            <li>#四月最强穿搭攻略#</li>
                            <li>#手把手教你化秋日暖阳妆#</li>
                            <li>#小长假倒计时，明天上班穿这套！#</li>
                            <li>#西服 + 裙子 = 2021最火情侣档#</li>
                            <li>#国庆七天穿搭打卡计划#</li>
                            <li>#穿搭不愁，总有高手帮你挑#</li>
                        </ul>
                    </div>
                </div>
            </div>
            <p class="nav_search ">
                <input type="text" placeholder="2021秋季新款" />
                <img src="img/find.png">
            </p>
            <div class="nav_choose">
                <dl>
                    <dt>
						<img src="img/5.png" >
					</dt>
                    <dd>消息</dd>
                </dl>
                <dl>
                    <dt>
						<img src="img/4.png" >
					</dt>
                    <dd>收藏</dd>
                </dl>
                <dl>
                    <dt>
                    <a href="http://127.0.0.1/project/Mogujie/shopCart.html" target="_blank"><img src="img/3.png" ></a>
				</dt>
                    <a href="http://127.0.0.1/project/Mogujie/shopCart.html" target="_blank">
                        <dd>购物车</dd>
                    </a>


                </dl>
                <dl>
                    <dt>
						<img src="img/6.png" >
					</dt>
                    <dd>下载APP</dd>
                </dl>
            </div>
            <div class="nav_message">
                <!-- 未登录 -->
                <div class="message_unlogin">
                    <img src="img/loginLogo.png">
                </div>
                <p class="message_deng"><a href="http://127.0.0.1/project/Mogujie/login.html">登录</a> </p>

                <!-- 登录后的信息 -->
                <!-- <div class="message_login">
					<img src="img/loginLogo.png">
				</div>
				<p class="message_nickname">lalalladfdg</p>
				<span class="message_biao">
					<img src="img/7.png" >
				</span> -->
            </div>
        </div>
    </div>


</body>

</html>